<div style="margin:auto;width:500px;height:300px;">
<div style="float:left;width:500px;height:270px;border-color:#FFBAD2;border-style:solid;margin-bottom:-270px;"><img alt="giphy.gif" src="https://media.giphy.com/media/13ZzYXkeIjcZy0/giphy.gif" style="width:500px;height:270px;" /></div>

<div style="float:left;width:500px;height:270px;">
<div style="float:left;height:270px;width:270px;"><img alt="" src="https://vignette.wikia.nocookie.net/fictionalcharacterbattles/images/3/35/Cardcaptor_sakura_by_tomop-d8nxxw2.png/revision/latest?cb=20180814043608" style="width:270px;height:270px;" /></div>

<div style="float:left;height:270px;width:230px;overflow:hidden;">
<div style="height:270px;width:300px;overflow:auto;">
<div style="float:left;height:270px;width:230px;">
<div style="width:220px;height:50px;margin-top:70px;color:rgb(255,255,255);text-align:right;line-height:45px;"><strong><em><span style="font-family:Garamond;"><span style="font-size:48px;">Kinomoto<br />
Sakura</span></span></em></strong></div>

<div style="width:220px;line-height:45px;height:50px;margin-top:-49px;color:#F20056;text-align:right;"><strong><em><span style="font-family:Garamond;"><span style="font-size:48px;">Kinomoto<br />
Sakura</span></span></em></strong></div>
</div>

<div style="float:left;height:270px;width:230px;">
<div style="float:left;width:100px;margin-left:5px;height:15px;background-color:rgb(255,255,255);border-radius:5%;opacity:.85;text-align:center;line-height:10px;"><span style="font-family:'Lucida Grande';"><span style="font-size:11px;">trivia</span></span></div>

<div style="float:left;width:100px;height:15px;background-color:rgb(255,255,255);border-radius:5%;opacity:.85;text-align:center;line-height:10px;margin-left:10px;"><span style="font-family:'Lucida Grande';"><span style="font-size:11px;">trivia</span></span></div>

<div style="float:left;margin-top:5px;margin-left:5px;width:100px;height:15px;background-color:rgb(255,255,255);border-radius:5%;opacity:.85;text-align:center;line-height:10px;"><span style="font-family:'Lucida Grande';"><span style="font-size:11px;">trivia</span></span></div>

<div style="float:left;margin-top:5px;width:100px;height:15px;background-color:rgb(255,255,255);border-radius:5%;opacity:.85;text-align:center;line-height:10px;margin-left:10px;"><span style="font-family:'Lucida Grande';"><span style="font-size:11px;">trivia</span></span></div>

<div style="float:left;margin-top:5px;margin-left:5px;width:100px;height:15px;background-color:rgb(255,255,255);border-radius:5%;opacity:.85;text-align:center;line-height:10px;"><span style="font-family:'Lucida Grande';"><span style="font-size:11px;">trivia</span></span></div>

<div style="float:left;margin-top:5px;width:100px;height:15px;background-color:rgb(255,255,255);border-radius:5%;opacity:.85;text-align:center;line-height:10px;margin-left:10px;"><span style="font-family:'Lucida Grande';"><span style="font-size:11px;">trivia</span></span></div>

<div style="float:left;margin-top:5px;width:220px;height:205px;background-color:#fff;opacity:.9;overflow:hidden;">
<div style="width:300px;height:205px;overflow:auto;margin-left:10px;">
<div style="width:195px;height:20px;line-height:18px;"><span style="font-family:Cambria;"><span style="font-size:18px;">Background</span></span></div>

<div style="width:195px;height:2px;background-color:#F20056;">&nbsp;</div>

<div style="width:195px;line-height:10px;text-align:justify;"><span style="font-family:'Helvetica Neue';"><span style="font-size:11px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ultricies dolor a pellentesque tempor. Nullam commodo neque enim, ut pellentesque nibh molestie at. Suspendisse at dui sed ligula tempor feugiat. Vivamus dictum sed nisi non lacinia. In mollis ac nibh bibendum convallis. Nullam fringilla vitae ipsum id viverra. Curabitur ultricies ligula eleifend, iaculis nisl at, posuere enim. Sed mollis dolor vitae nulla bibendum, vel pretium diam convallis. Nulla dictum urna ex, gravida sagittis elit pellentesque sed. Maecenas quis aliquam nibh. Ut sagittis vulputate nibh at ultricies. Vivamus justo est, fermentum eu velit vitae, efficitur mattis felis. Fusce vel ultricies turpis. Nullam tincidunt nibh accumsan nisi fringilla, quis convallis ligula scelerisque. Aenean iaculis aliquet accumsan. In eu pulvinar ligula. Fusce a felis ut turpis lobortis auctor. Suspendisse porttitor ipsum suscipit blandit iaculis. Donec pellentesque tellus odio, sit amet gravida augue tempus ac. Cras sodales porta nisl quis ultrices. Maecenas suscipit luctus tortor, et bibendum enim sagittis sit amet. Proin sem risus, dictum eget dictum eget, sollicitudin ac enim. Nunc hendrerit quam eu quam lacinia, sed luctus metus cursus. Vivamus cursus lectus id cursus dignissim. Donec vel euismod purus, ut feugiat sem. Vestibulum in rhoncus urna.</span></span></div>

<div style="width:195px;height:20px;line-height:18px;"><span style="font-family:Cambria;"><span style="font-size:18px;">Personality</span></span></div>

<div style="width:195px;height:2px;background-color:#F20056;">&nbsp;</div>

<div style="width:195px;line-height:10px;text-align:justify;"><span style="font-family:'Helvetica Neue';"><span style="font-size:11px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ultricies dolor a pellentesque tempor. Nullam commodo neque enim, ut pellentesque nibh molestie at. Suspendisse at dui sed ligula tempor feugiat. Vivamus dictum sed nisi non lacinia. In mollis ac nibh bibendum convallis. Nullam fringilla vitae ipsum id viverra. Curabitur ultricies ligula eleifend, iaculis nisl at, posuere enim. Sed mollis dolor vitae nulla bibendum, vel pretium diam convallis. Nulla dictum urna ex, gravida sagittis elit pellentesque sed. Maecenas quis aliquam nibh. Ut sagittis vulputate nibh at ultricies. Vivamus justo est, fermentum eu velit vitae, efficitur mattis felis. Fusce vel ultricies turpis. Nullam tincidunt nibh accumsan nisi fringilla, quis convallis ligula scelerisque. Aenean iaculis aliquet accumsan. In eu pulvinar ligula. Fusce a felis ut turpis lobortis auctor. Suspendisse porttitor ipsum suscipit blandit iaculis. Donec pellentesque tellus odio, sit amet gravida augue tempus ac. Cras sodales porta nisl quis ultrices. Maecenas suscipit luctus tortor, et bibendum enim sagittis sit amet. Proin sem risus, dictum eget dictum eget, sollicitudin ac enim. Nunc hendrerit quam eu quam lacinia, sed luctus metus cursus. Vivamus cursus lectus id cursus dignissim. Donec vel euismod purus, ut feugiat sem. Vestibulum in rhoncus urna.</span></span></div>

<div style="width:195px;height:20px;line-height:18px;"><span style="font-family:Cambria;"><span style="font-size:18px;">Plots</span></span></div>

<div style="width:195px;height:2px;background-color:#F20056;">&nbsp;</div>

<div style="width:195px;line-height:10px;text-align:justify;"><span style="font-family:'Helvetica Neue';"><span style="font-size:11px;"><strong>001. Plot Name | Availability</strong></span></span></div>

<div style="width:195px;line-height:10px;text-align:justify;"><span style="font-family:'Helvetica Neue';"><span style="font-size:11px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ultricies dolor a pellentesque tempor. Nullam commodo neque enim, ut pellentesque nibh molestie at. Suspendisse at dui sed ligula tempor feugiat. Vivamus dictum sed nisi non lacinia. In mollis ac nibh bibendum convallis. Nullam fringilla vitae ipsum id viverra. </span></span></div>

<div style="width:195px;line-height:10px;text-align:justify;">&nbsp;</div>

<div style="width:195px;line-height:10px;text-align:justify;"><span style="font-family:'Helvetica Neue';"><span style="font-size:11px;"><strong>002. Plot Name | Availability</strong></span></span></div>

<div style="width:195px;line-height:10px;text-align:justify;"><span style="font-family:'Helvetica Neue';"><span style="font-size:11px;">Curabitur ultricies ligula eleifend, iaculis nisl at, posuere enim. Sed mollis dolor vitae nulla bibendum, vel pretium diam convallis. Nulla dictum urna ex, gravida sagittis elit pellentesque sed. Maecenas quis aliquam nibh. Ut sagittis vulputate nibh at ultricies. Vivamus justo est, fermentum eu velit vitae, efficitur mattis felis. Fusce vel ultricies turpis. </span></span></div>

<div style="width:195px;line-height:10px;text-align:justify;">&nbsp;</div>

<div style="width:195px;line-height:10px;text-align:justify;"><span style="font-family:'Helvetica Neue';"><span style="font-size:11px;"><strong>003. Plot Name | Availability</strong></span></span></div>

<div style="width:195px;line-height:10px;text-align:justify;"><span style="font-family:'Helvetica Neue';"><span style="font-size:11px;">Nullam tincidunt nibh accumsan nisi fringilla, quis convallis ligula scelerisque. Aenean iaculis aliquet accumsan. In eu pulvinar ligula. Fusce a felis ut turpis lobortis auctor. Suspendisse porttitor ipsum suscipit blandit iaculis. Donec pellentesque tellus odio, sit amet gravida augue tempus ac. </span></span></div>

<div style="width:195px;line-height:10px;text-align:justify;">&nbsp;</div>

<div style="width:195px;line-height:10px;text-align:justify;"><span style="font-family:'Helvetica Neue';"><span style="font-size:11px;"><strong>004. Plot Name | Availability</strong></span></span></div>

<div style="width:195px;line-height:10px;text-align:justify;"><span style="font-family:'Helvetica Neue';"><span style="font-size:11px;">Cras sodales porta nisl quis ultrices. Maecenas suscipit luctus tortor, et bibendum enim sagittis sit amet. Proin sem risus, dictum eget dictum eget, sollicitudin ac enim. Nunc hendrerit quam eu quam lacinia, sed luctus metus cursus. Vivamus cursus lectus id cursus dignissim. Donec vel euismod purus, ut feugiat sem. Vestibulum in rhoncus urna.</span></span></div>

<div style="width:195px;height:20px;line-height:18px;"><span style="font-family:Cambria;"><span style="font-size:18px;">OOC Section</span></span></div>

<div style="width:195px;height:2px;background-color:#F20056;">&nbsp;</div>

<div style="width:195px;line-height:10px;text-align:justify;"><span style="font-family:'Helvetica Neue';"><span style="font-size:11px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ultricies dolor a pellentesque tempor. Nullam commodo neque enim, ut pellentesque nibh molestie at. Suspendisse at dui sed ligula tempor feugiat. Vivamus dictum sed nisi non lacinia. In mollis ac nibh bibendum convallis. Nullam fringilla vitae ipsum id viverra. Curabitur ultricies ligula eleifend, iaculis nisl at, posuere enim. Sed mollis dolor vitae nulla bibendum, vel pretium diam convallis. Nulla dictum urna ex, gravida sagittis elit pellentesque sed. Maecenas quis aliquam nibh. Ut sagittis vulputate nibh at ultricies. Vivamus justo est, fermentum eu velit vitae, efficitur mattis felis. Fusce vel ultricies turpis. Nullam tincidunt nibh accumsan nisi fringilla, quis convallis ligula scelerisque. Aenean iaculis aliquet accumsan. In eu pulvinar ligula. Fusce a felis ut turpis lobortis auctor. Suspendisse porttitor ipsum suscipit blandit iaculis. Donec pellentesque tellus odio, sit amet gravida augue tempus ac. Cras sodales porta nisl quis ultrices. Maecenas suscipit luctus tortor, et bibendum enim sagittis sit amet. Proin sem risus, dictum eget dictum eget, sollicitudin ac enim. Nunc hendrerit quam eu quam lacinia, sed luctus metus cursus. Vivamus cursus lectus id cursus dignissim. Donec vel euismod purus, ut feugiat sem. Vestibulum in rhoncus urna.</span></span></div>
</div>
</div>
</div>
</div>
</div>
</div>

<div style="float:left;width:500px;height:13px;text-align:center;color:#000;text-transform:uppercase;letter-spacing:3px;line-height:12px;"><a href="https://www.roleplayrepublic.com/roleplay/view_desc/30478/"><span style="color:#000000;"><span style="font-family:Ubuntu;"><span style="font-size:11px;">cereal layouts</span></span></span></a></div>
</div>